<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./monNav.css">
</head>

<body>
    <div id="linkID" style="height: 300px;">1</div>
    <div id="linkID1" style="height: 300px;">2</div>
    <div id="linkID2" style="height: 300px;">3</div>
    <div id="linkID3" style="height: 300px;">4</div>
    <div id="linkID4" style="height: 300px;">5</div>
    <div id="linkID5" style="height: 300px;">6</div>


    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
    <script src="./monNav.js"></script>
    <script>
        new monNav({
            list: [{ title: '标题', value: '#linkID' }, { title: '标题2', value: '#linkID2' }, { title: '链接', value: 'http://new_bdd.test/' },],
            // isLink: true,
            // newPage: true
        }).render()
    </script>
</body>

</html>